<%@ page language="java" contentType="text/html; charset=UTF-8"%>


<!---------------------------------------头部模块复用------------------------------------------>
<%@ include file="/res/FrontPage/PartialPageReferences/head.jsp" %>

<title>劲松金融服务</title>

<!----------------Our Services Section---------->
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 m-t-50">
            <h2 class="heading underline">劲松金融服务</h2>
            <p class="text-center">我们的服务将会是业界一流，公司的前途十分光明，相信您会加入我们注册会员的行列。</p>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/big-data.png" alt="bigdata" class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>基于网络的安全存款服务</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>这是可以让人放心的安全服务，不光有登录密码和支付密码的保护，而且有保险的保障，万一出现账户被盗的造成财产损失的情况，也可以联系我们官
                    	方申请理赔。而且把资金存入我们银行，用户不仅能够得到收益，还能随时消费支付和转出。</p>
                    	<%
                    		if(session.getAttribute("users") == null){
                    			out.print("<a onclick='sel1()' class='text-success'>前往存款</a>");
                    		}
                    		else{
                    			out.print("<a href='DepositAndWithdrawal.jsp' class='text-success'>前往存款</a>");
                    		}
                    	%>
                    <script>
                    	function sel1(){
							alert("登录才能后享受此权限哦~~");
						}
                    </script>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/coding.png" alt="bigdata" class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>基于网络的安全取款业务</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>如果你忘记带银行卡，只要有手机，也能在柜员机上取现金。我行已在全国范围内正式推出了手机取现服务，只要通过手机银
                    	行进行相应操作，就能在需要时凭手机号、预约码等信息在工行柜员机上取款而无需插入银行卡，每日累计取款限额5000
                    	元。</p>
                    	<%
                    		if(session.getAttribute("users") == null){
                    			out.print("<a onclick='sel1()' class='text-success'>前往取款</a>");
                    		}
                    		else{
                    			out.print("<a href='DepositAndWithdrawal.jsp' class='text-success'>前往取款</a>");
                    		}
                    	%>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/cloud-computing.png" alt="bigdata"
                         class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>云数据处理</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>带有加密的云数据存储，首先成为我们的注册会员，就能编辑自己的信息，编辑完成后，还可以即时修改，安全方便又放心</p>
                    <%
                    	if(session.getAttribute("users") == null){
                    		out.print("<a onclick='sel1()' class='text-success'>详细信息</a>");
                    	}
                    	else{
                    		out.print("<a href='PersonalInformation.jsp' class='text-success'>详细信息</a>");
                    	}
                    %>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/light-bulb.png" alt="bigdata" class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>生财有道</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>想不想知道如何钱生钱</p>
                    <a href="/Bank/WebPage/FrontPage/InvestmentAndFinancingPage/InvestmentAndFinancing.jsp" class="text-success">详细信息</a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/shovel.png" alt="bigdata" class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>快捷消费</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>既然会赚钱，就要会花钱</p>
                    <a href="Consumption.jsp" class="text-success">详细信息</a>
                </div>
            </div>
        </div>
        <div class="col-sm-4">
            <div class="row m-t-50">
                <div class="col-xs-12">
                    <img src="/Bank/res/FrontPage/images/construction-excavator.png" alt="bigdata"
                         class="img-responsive services_icon center-block">
                </div>
                <div class="col-xs-12 text-center">
                    <h5>跨账户转账</h5>
                </div>
                <div class="col-xs-12 text-center">
                    <p>分分钟把自己的工资存进她的账户(^_^)</p>
                    <a href="TransferAccounts.jsp" class="text-success">详细信息</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!----------------Our Services Section End---------->
<!-------------CountUp------------->
<section class="home3_countup_section  m-t-70 parallax">
    <div class="container">
        <div class="row m-t-70">
            <div class="col-md-3 col-sm-6  text-center text-white">
                <span class="countup_options" id="Overseas">50</span>
                <h4 class="text-white">海外操作</h4>
            </div>
            <div class="col-md-3 col-sm-6  text-center text-white">
                <span class="countup_options" id="Investors">1200</span>
                <h4 class="text-white">投资者
</h4>
            </div>
            <div class="col-md-3 col-sm-6 text-center text-white">
                <span class="countup_options" id="Client">400</span>
                <h4 class="text-white">客户端支持
</h4>
            </div>
            <div class="col-md-3 col-sm-6 text-center text-white section-bottom-pad-40">
                <span class="countup_options" id="Success">98</span><span class="countup_options">%</span>
                <h4 class="text-white">成功率
</h4>
            </div>
        </div>
    </div>
    <br/>
</section>
<!-------------CountUp End------------->

<!----------------Our Projects section------------->
<div class="container">
    <div class="row">
        <div class="col-sm-6  col-sm-offset-3 m-t-50">
            <h2 class="heading underline text-center">我们的项目</h2>
            <p class="text-center">我们建立了一个极好的公司，我们对公司的未来感到兴奋。</p>
        </div>
    </div>
    <div class="row">
        <div class=" col-xs-12">


            <div id="filters" class=" section-top-25">
                <ul class="nav nav-pills">
                    <li data-filter="*"><a href="javascript:void(0)" class="section-top-align active1 ">所有</a></li>
                    <li data-filter=".awards"><a href="javascript:void(0)" class="section-top-align">移动开发
</a></li>
                    <li data-filter=".clients"><a href="javascript:void(0)" class="section-top-align">自动化
</a>
                    </li>
                    <li data-filter=".products"><a href="javascript:void(0)" class="section-top-align">Web开发</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="portfolio" class="row no-gutter section-top-25">
        <div class="isotope-item awards col-sm-6 col-md-4 section-top-25">
            <div class="row">
                <div class="col-xs-12">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio1.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="isotope-item products col-sm-6 col-md-4 section-top-25">
            <div class="row">
                <div class="col-xs-12">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/newsroom3.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="clearfix visible-md-block visible-xs-block visible-lg-block"></div>
        <div class="isotope-item clients col-sm-6 col-md-4 section-top-25 ">
            <div class="row">
                <div class="col-xs-12">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio6.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="clearfix visible-sm-block "></div>
        <div class="isotope-item clients col-sm-6 col-md-4 section-top-25">
            <div class="row   ">
                <div class="col-xs-12">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio5.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="isotope-item awards col-sm-6 col-md-4 section-top-25">
            <div class="row ">
                <div class="col-xs-12  ">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio7.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
        <div class="clearfix visible-md-block visible-xs-block visible-lg-block"></div>
        <div class="isotope-item products col-sm-6 col-md-4 section-top-25">
            <div class="row">
                <div class="col-xs-12">
                    <figure class="imghvr-slide-up img-responsive">
                        <img src="/Bank/res/FrontPage/images/portfolio1.jpg" alt="gallery3">
                        <figcaption>
                            <div class="text-center hoveicon_plus">
                                <a href="#"><i class="fa fa-plus-circle fa-2x text-white" aria-hidden="true"></i></a>
                            </div>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </div>
</div>
<!----------------Our Projects section End------------->

<!-------------------Subscribe Section----------->
<section class="subscribe_section parallax m-t-70">
    <div class="container m-t-50">
        <div class="row section-top-25">
            <div class="col-sm-7 col-md-6 col-xs-12 section-top-10">
                <h3 class="text-white m-t-70">联系我们的客服
</h3>
            </div>
            <div class="col-sm-5 col-md-6 m-t-50 section-bottom-pad-40  input_transparent">
                <br/>
                <form action="subscribe.php" method="post" id="subscribe" autocomplete="off">
                    <div class="input-group sub_input">
                        <input type="email" name="email" id="email" class="form-control email"
                               placeholder="你的邮箱地址" aria-describedby="email" required/>
                        <span class="input-group-addon"><button type="submit" class="subscribe_btn"><i
                                class="fa fa-paper-plane text-white" aria-hidden="true"></i></button></span>
                    </div>
                </form>
                <br/>
            </div>
        </div>
    </div>
    <br/>
</section>
<!-----------------Subscribe section End-------->

<!------------尾部顶端的两个角------------>
<div class="shape section-top-50"></div>
<!-----------------------------尾部页面复用------------------------------------->

<%@ include file="/res/FrontPage/PartialPageReferences/foot.jsp" %>